<template>
	<div style="border: 1px solid red;margin: 10px;">
		<h1>我是about的子组件</h1>
		<h2>姓名：{{userName}}</h2>
		<h2>年龄：{{age}}</h2>
		<button @click="fn">+5</button>
		<button @click='emits("che",10)'>+10</button>
		<AboutChildChild></AboutChildChild>
	</div>

</template>

<script setup>
	import AboutChildChild from "./AboutChildChild.vue"
	const props=defineProps(["userName","age"])
	//console.log(props.userName)
	const emits=defineEmits(["che"])
	function fn(){
		emits("che",5)
	}
</script>

<style>
</style>